<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      
      
      xmlns:f="http://java.sun.com/jsf/core">

    <body>
        <ui:composition template="./template.xhtml">

            <ui:define name="top">
                Acciones Estratégicas
            </ui:define>

            <ui:define name="left">
                
            </ui:define>

            <ui:define name="content">
               Alta:
               
               <h:form>
                   <h:panelGrid columns="3">
                   Nombre Accion Estratégica:
                   <p:inputText id="accion" required="true" value="#{accionEstrategicaBean.accion.accionEstrategica}"/>
                   <h:message for="accion"/>
                   Fecha de inicio:
                   <p:calendar id="fecha_inicio" value="#{accionEstrategicaBean.accion.fechaInicio}" navigator="true">
                   </p:calendar>
                   <h:message for="fecha_inicio"/>    
                   
                   Fecha fin:
                   <p:calendar id="fecha_fin" value="#{accionEstrategicaBean.accion.fechaFin}" navigator="true">
                   </p:calendar>
                      <h:message for="fecha_fin"/>
                   
                   
                   Dependencia:
                   <h:selectOneMenu id="dependencia" value="#{accionEstrategicaBean.accion.idDependencia}">
                       <f:selectItems value="#{dependenciaBean.verDependencias()}" var="dep"
                                      itemLabel="#{dep.dependencia}" itemValue="#{dep}"/>
                       <f:converter converterId="dependenciaConverter"/>
                    </h:selectOneMenu>
                   <h:message for="dependencia"/>
                   
                   Prioridad:
                   <h:selectOneMenu id="prioridad" value="#{accionEstrategicaBean.accion.idPrioridad}">
                       <f:selectItems value="#{prioridadBean.verTodas()}" var="var"
                                      itemLabel="#{var.prioridad}" itemValue="#{var}"/>
                       <f:converter converterId="prioridadConverter"/>
                   </h:selectOneMenu>
                   <h:message for="prioridad"/>
                   
                   Objetivo:
                   <p:inputText id="objetivo" required="true" value="#{accionEstrategicaBean.accion.idObjetivo.objetivo}"/>
                   <h:message for="objetivo"/>
                   
                   Responsable:
                   
                   <h:selectOneMenu id="responsable" value="#{accionEstrategicaBean.accion.idResponsable}">
                       <f:selectItems value="#{responsableBean.verTodos()}" var="var" 
                                      itemLabel="#{var.idPersona.nombreCompleto }"
                                      itemValue="#{var}"                                      />
                       <f:converter converterId="responsableConverter"/>
                   </h:selectOneMenu>
                   <h:message for="responsable"/>
                   
                   
                   
                   <h:commandButton type="submit" value="Guardar"  action="#{accionEstrategicaBean.guardar()}"/>
                   <h:commandButton type="reset" value="Limpiar" />
                   </h:panelGrid>
                   
                   
               </h:form>
                
                
               <h:form>
                   <p:dataTable  var="accion" value="#{accionEstrategicaBean.verTodas()}" rows="5" paginator="true" 
                             selection="#{accionEstrategicaBean.accion}" selectionMode="single"
                             onRowSelectUpdate="display" onRowSelectComplete="accionDialog.show()">  
                   
                   <f:facet name="header">
                       Acciones Estratégicas:
                   </f:facet>
                  <!-- 
                   <p:column    sortBy="#{accion.idAccionEstrategica  }" filterBy="#{accion.idAccionEstrategica  }">
                       <f:facet name="header">
                           Id:                           
                       </f:facet>
                       #{accion.idAccionEstrategica  }
                   </p:column>
                   -->
                   <p:column    sortBy="#{accion.accionEstrategica}" filterBy="#{accion.accionEstrategica}">
                       <f:facet name="header">
                           Nombre:                           
                       </f:facet>
                       #{accion.accionEstrategica}
                   </p:column>
                   
                   <p:column    sortBy="#{accion.idResponsable.idPersona.nombreCompleto}" filterBy="#{accion.idResponsable.idPersona.nombreCompleto}">
                       <f:facet name="header">
                           Responsable:                           
                       </f:facet>
                       #{accion.idResponsable.idPersona.nombreCompleto}
                   </p:column>
                   
                   <p:column    sortBy="#{accion.fechaInicio}" filterBy="#{accion.fechaInicio}">
                       <f:facet name="header">
                           Fecha inicio:                           
                       </f:facet>
                       <h:outputText value="#{accion.fechaInicio}">
                           <f:convertDateTime pattern="dd/MM/yyyy"/>
                       </h:outputText>
                       
                   </p:column>
                   
                   <p:column    sortBy="#{accion.fechaFin}" filterBy="#{accion.fechaFin}">
                       <f:facet name="header">
                           Fecha fin:                           
                       </f:facet>
                       <h:outputText value="#{accion.fechaFin}">
                           <f:convertDateTime pattern="dd/MM/yyyy"/>
                       </h:outputText>
                       
                   </p:column>
                   
                   <p:column    sortBy="#{accion.idDependencia.dependencia}" filterBy="#{accion.idDependencia.dependencia}">
                       <f:facet name="header">
                           Dependencia:                           
                       </f:facet>
                       #{accion.idDependencia.dependencia}
                   </p:column>
                   
                   <p:column    sortBy="#{accion.idPrioridad.prioridad}" filterBy="#{accion.idPrioridad.prioridad}">
                       <f:facet name="header">
                           Prioridad:                           
                       </f:facet>
                       #{accion.idPrioridad.prioridad}
                   </p:column>
                   
                   <p:column    sortBy="#{accion.idObjetivo.objetivo}" filterBy="#{accion.idObjetivo.objetivo}">
                       <f:facet name="header">
                           Objetivo:                           
                       </f:facet>
                       #{accion.idObjetivo.objetivo}
                   </p:column>
                   
                   <p:column   >
                       <f:facet name="header">
                           Tareas:                           
                       </f:facet>
                       <p:commandButton     value="Ver tareas" onclick="dlg1.show()" type="button"/>
                   </p:column>
                   
               </p:dataTable>
                   </h:form>
                   
               
               <!--Tareas ;-->
               <!--Tareas ;-->
               <!--Tareas ;-->
               <!--Tareas ;-->
               <!--Tareas ;-->
               <!--Tareas ;-->
               <p:dialog header="Tareas" widgetVar="dlg1" width="500" height="500" >  
                   <h:form>
                       
                       <p:dataTable value="#{accionEstrategicaBean.verTareas() }" var="tarea">
                           <p:column>
                               <f:facet name="header" >
                                   Nombre                                   
                               </f:facet>
                               #{tarea.nombreTarea}
                           </p:column>
                           <p:column>
                               <f:facet name="header" >
                                   Fecha Inicio                                   
                               </f:facet>

                               <h:outputText value="#{tarea.fechaInicio}">
                                   <f:convertDateTime pattern="dd/MM/yyyy"/>
                               </h:outputText>

                               
                           </p:column>
                           <p:column>
                               <f:facet name="header" >
                                   Fecha Fin                                   
                               </f:facet>
                               
                               
                               <h:outputText value="#{tarea.fechaFin }">
                                   <f:convertDateTime pattern="dd/MM/yyyy"/>
                               </h:outputText>

                               
                           </p:column>
                           <p:column>
                               <f:facet name="header" >
                                   Estatus                                   
                               </f:facet>
                               #{tarea.idEstatus.estatus}
                           </p:column>
                           
                       </p:dataTable>
                        
                       
                       
                   </h:form>
                </p:dialog>     
               
               
               
               
                   
                   <p:dialog header="Accion Estrategica" widgetVar="accionDialog" resizable="true" width="400" showEffect="explode" hideEffect="explode">
                       
                   <h:panelGrid id="display" columns="3" >
               <h:form>
                   <h:panelGrid columns="3">
                   Nombre Accion Estratégica:
                   <p:inputText id="accion" required="true" value="#{accionEstrategicaBean.accion.accionEstrategica}"/>
                   <h:message for="accion"/>
                   
                   Fecha de inicio:
                   <p:calendar id="fecha_inicio" value="#{accionEstrategicaBean.accion.fechaInicio}" navigator="true"/>
                   <h:message for="fecha_inicio"/>    
                   
                   Fecha fin:
                   <p:calendar id="fecha_fin" value="#{accionEstrategicaBean.accion.fechaFin}" navigator="true"/>
                      <h:message for="fecha_fin"/>
                   
                   
                   Dependencia:
                   <h:selectOneMenu id="dependencia" value="#{accionEstrategicaBean.accion.idDependencia}">
                       <f:selectItems value="#{dependenciaBean.verDependencias()}" var="dep"
                                      itemLabel="#{dep.dependencia}" itemValue="#{dep}"/>
                       <f:converter converterId="dependenciaConverter"/>
                    </h:selectOneMenu>
                   <h:message for="dependencia"/>
                   
                   Prioridad:
                   <h:selectOneMenu id="prioridad" value="#{accionEstrategicaBean.accion.idPrioridad}">
                       <f:selectItems value="#{prioridadBean.verTodas()}" var="var"
                                      itemLabel="#{var.prioridad}" itemValue="#{var}"/>
                       <f:converter converterId="prioridadConverter"/>
                   </h:selectOneMenu>
                   <h:message for="prioridad"/>
                   
                   Objetivo:
                   <p:inputText id="objetivo" required="true" value="#{accionEstrategicaBean.accion.idObjetivo.objetivo}"/>
                   <h:message for="objetivo"/>
                   
                   Responsable:
                   
                   <h:selectOneMenu id="responsable" value="#{accionEstrategicaBean.accion.idResponsable}">
                       <f:selectItems value="#{responsableBean.verTodos()}" var="var" 
                                      itemLabel="#{var.idPersona.nombreCompleto }"
                                      itemValue="#{var}"                                      />
                       <f:converter converterId="responsableConverter"/>
                   </h:selectOneMenu>
                   <h:message for="responsable"/>
                   
                   
                   <h:commandButton type="submit" value="Modificar"  action="#{ accionEstrategicaBean.modificar() }"/>
                   #{accionEstrategicaBean.accion.idAccionEstrategica}
                   
                   </h:panelGrid>
               </h:form>
                       </h:panelGrid>
               
                   
                   </p:dialog>
               
               
               
               
               
               
               
               
               
               
               
               
               
            </ui:define>

        </ui:composition>

    </body>
</html>
